<!DOCTYPE HTML>
<!--
	Wide Angle by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
-->
<html>
	<head>
		<title> </title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.dropotron.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
	</head>
	<body class="left-sidebar">

		<!-- Header Wrapper -->
			<div id="header-wrapper">
						
				<!-- Header -->
					<div id="header" class="container">

						<!-- Logo -->
							<h1 id="logo"><a href="index.html"><span>Wide <b>Angle</b></span></a></h1>
						
						<!-- Nav -->
							<nav id="nav">
								<ul>
									<li>
										<a href="">Dropdown</a>
										<ul>
											<li><a href="#">Lorem ipsum dolor</a></li>
											<li><a href="#">Magna phasellus</a></li>
											<li><a href="#">Etiam dolore nisl</a></li>
											<li>
												<span>Phasellus consequat</span>
												<ul>
													<li><a href="#">Lorem ipsum dolor</a></li>
													<li><a href="#">Phasellus consequat</a></li>
													<li><a href="#">Magna phasellus</a></li>
													<li><a href="#">Etiam dolore nisl</a></li>
												</ul>
											</li>
											<li><a href="#">Veroeros feugiat</a></li>
										</ul>
									</li>
									<li><a href="left-sidebar.html">Left Sidebar</a></li>
									<li class="break"><a href="right-sidebar.html">Right Sidebar</a></li>
									<li><a href="no-sidebar.html">No Sidebar</a></li>
								</ul>
							</nav>

					</div>

			</div>
			
		<!-- Main Wrapper -->
			<div id="main-wrapper">
				<div id="main" class="container">
					
					<div class="row">
						<!-- Sidebar -->
							<div id="sidebar" class="4u">
								<section class="section-padding">
									<header>
										<h2>Mauris vulputate</h2>
									</header>
									<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. Aliquam lectus sit amet pulvinar. </p>
									<a href="#" class="button">Learn More</a>
								</section>
	
								<section>
									<header>
										<h2>Integer gravida</h2>
									</header>
									<ul class="style1">
										<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
										<li><a href="#">Ornare in hendrerit in lectus</a></li>
										<li><a href="#">Semper mod quis eget mi dolore</a></li>
										<li><a href="#">Quam turpis feugiat sit dolor</a></li>
										<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
										<li><a href="#">Consequat etiam lorem phasellus</a></li>
										<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
									</ul>
									<a href="#" class="button">Learn More</a>
								</section>
								
							</div>
					
						<!-- Content -->
							<div id="content" class="8u important(collapse)">
								<article>
									<header>
										<h2>Left Sidebar</h2>
									</header>
									<a href="#" class="image image-full"><img src="images/slide02.jpg" alt=""></a>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac purus ut ligula ultrices viverra. Donec non odio lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus posuere pulvinar cursus. Nullam id ultricies neque. Curabitur id tellus a metus consectetur. Nullam id sapien mi, iaculis imperdiet magna. Fusce lacus ipsum, rhoncus at placerat eu, condimentum eu arcu. Nullam id sapien mi, iaculis imperdiet magna. Fusce lacus ipsum.</p>
									<h3>Feugiat auctor non consequat</h3>
									<p>Nullam id sapien mi, iaculis imperdiet magna. Fusce lacus ipsum, rhoncus at placerat eu, condimentum eu arcu. Ut viverra velit dictum est tempor eget rhoncus nulla pretium. In pretium purus nec est convallis ornare non ut tellus. Donec aliquam gravida enim interdum ultricies. Duis fringilla nisl non mi laoreet placerat. Nullam id sapien mi, iaculis imperdiet magna. Fusce lacus ipsum, rhoncus at placerat eu, condimentum eu arcu. Nam ac velit ut mauris mollis dapibus eget quis dolor. Donec porta adipiscing ultrices. Fusce bibendum pulvinar libero quis rutrum. </p>
									<p>Proin ullamcorper arcu leo, eu rhoncus turpis. Fusce bibendum pulvinar libero quis rutrum. Donec vehicula sagittis aliquam. Donec malesuada volutpat tellus, eget mattis justo tincidunt ut. Phasellus venenatis suscipit nunc, vel malesuada risus bibendum quis. Suspendisse ullamcorper hendrerit erat, pharetra cursus velit fringilla in. Sed ligula nibh, aliquet nec semper sit amet, scelerisque id lacus. Proin ullamcorper arcu leo, eu rhoncus turpis. Fusce bibendum pulvinar libero quis rutrum. Lorem ipsum dolor sit amet, consectetur  elit. Donec ac purus ut ligula ultrices viverra.</p>
								</article>
							</div>

					</div>
					
				</div>
			</div>

		<!-- Footer Wrapper -->
			<div id="footer-wrapper">

				<!-- Footer -->
					<div id="footer" class="container">
						<header>
							<h2>lorem ipsum dolor sit amet</h2>
						</header>
						<p>Aenean vel justo nulla, at gravida elit. In hac habitasse platea dictumst. Quisque gravida commodo volutpat. Vivamus blandit risus in urna venenatis accumsan. Pellentesque habitant morbi.</p>
						<ul class="contact">
							<li><a href="#" class="icon fa-instagram"><span>Instagram</span></a></li>
							<li><a href="#" class="icon fa-facebook"><span>Facebook</span></a></li>
							<li><a href="#" class="icon fa-twitter"><span>Twitter</span></a></li>
							<li><a href="#" class="icon fa-linkedin"><span>LinkedIn</span></a></li>
						</ul>
					</div>

				<!-- Copyright -->
					<div id="copyright" class="container">
						&copy; Untitled. All rights reserved.
					</div>

			</div>

	</body>
</html>